<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.thmeleaf.org/thymeleaf-extras-shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>dormitory</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" th:href="@{/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}" media="all">
    <script th:src="@{/js/jquery-3.2.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.js}"></script>
</head>

<style>
    .badge1:empty {
        display: none;
    }

    .badge1 {
        display: inline-block;
        min-width: 8px;
        padding: 4px 4px;
        font-size: 10px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        background-color: red;
        border-radius: 50%;
    }
</style>

<body class="layui-layout-body">


<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo" style="color: #01AAED">重庆三峡学院宿舍管理</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <shiro:hasAnyPermissions name="学生">
            <li class="layui-nav-item"><a target="myFrameName" href="/dorsanit/goDorsanitToStudent" onclick="chang()">寝室评比</a></li>
            </shiro:hasAnyPermissions>
            <shiro:hasAnyPermissions name="学生">
            <li class="layui-nav-item"><a target="myFrameName" href="/electric/goNews" onclick="chang()">消息<span class="badge1" th:value="${news.id}" id="news1">1</span></a></li>
            </shiro:hasAnyPermissions>
            <shiro:hasAnyPermissions name="宿管">
            <li class="layui-nav-item">
                <a href="javascript:;">卫生管理</a>
                <dl class="layui-nav-child">
                    <dd><a target="myFrameName" href="/dorsanit/goDorsanitByHouId" onclick="chang()">查看往日</a></dd>
                    <dd><a target="myFrameName" href="/dorsanit/goAddDorsanit" onclick="chang()">卫生发布</a></dd>
                </dl>
            </li>
            </shiro:hasAnyPermissions>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img th:src="@{/images/sanxiau1.jpg}" class="layui-nav-img">
                    <span th:text="${userName}" id="name"></span>
                    <div th:text="${id}" id="uid" style="display: none"></div>
                </a>
                <dl class="layui-nav-child">
                    <dd><a  th:if="${rank} eq '学生'" target="myFrameName" href="/studentMessage/showMessage" onclick="chang()">基本资料</a></dd>
                    <!--<dd><a target="myFrameName" href="/test/test">安全设置</a></dd>-->
                </dl>
            </li>
            <li class="layui-nav-item"><a onclick="quit()">退出</a></li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item"><a target="myFrameName" onclick="chang1()">首页</a></li>
                <shiro:hasAnyPermissions name="高级管理员">
                    <li class="layui-nav-item"><a target="myFrameName" href="/house/houses" onclick="chang()">宿舍楼管理</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="高级管理员">
                    <li class="layui-nav-item"><a target="myFrameName" href="/dorm/dorms" onclick="chang()">寝室管理</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="宿管">
                    <li class="layui-nav-item"><a target="myFrameName" href="/riches/riches" onclick="chang()">寝室学生财产管理</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,宿管,高级管理员">
                    <li class="layui-nav-item"><a target="myFrameName" href="/student/students"
                                                  onclick="chang()">全部学生信息</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,宿管,高级管理员">
                <li class="layui-nav-item">
                        <a target="myFrameName" href="/student/goAddStudent" onclick="chang()">添加学生信息</a>
                </li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,高级管理员">
                    <li class="layui-nav-item">
                        <a target="myFrameName" href="/student/addStudents" onclick="chang()">批量导入学生信息</a>
                    </li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="宿管">
                <li class="layui-nav-item"><a target="myFrameName" href="/electric/electrics"
                                              onclick="chang()">电费基本信息</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,宿管,高级管理员">
                <li class="layui-nav-item"><a target="myFrameName" href="/notice/goAddNotice" onclick="chang()">发布公告</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="宿管">
                <li class="layui-nav-item"><a target="myFrameName" href="/visitor/goAddVisitor" onclick="chang()">来访登记</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="宿管">
                <li class="layui-nav-item"><a target="myFrameName" href="/visitor/goVisitor" onclick="chang()">来访记录</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="高级管理员">
                <li class="layui-nav-item"><a target="myFrameName" href="/visitor/goAllVisitor" onclick="chang()">全部宿舍来访记录</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="学生">
                    <li class="layui-nav-item"><a target="myFrameName" href="/electric/myElectric" onclick="chang()">缴费记录</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="学生">
                <li class="layui-nav-item"><a target="myFrameName" href="/attendance/faceshow" onclick="chang()">学生考勤</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,宿管,高级管理员">
                <li class="layui-nav-item"><a target="myFrameName" href="/attendance/attendanceRecord" onclick="chang()">学生考勤记录</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,高级管理员">
                <li class="layui-nav-item"><a target="myFrameName" href="/dorout/setDorout" onclick="chang()">设置考勤时间</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,宿管,高级管理员">
                <li class="layui-nav-item"><a target="myFrameName" href="/dorout/doroutRecord" onclick="chang()">寝室考勤记录</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="学生">
                <li class="layui-nav-item"><a target="myFrameName" href="/leave/showLeave" onclick="chang()">学生请假</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,学生,宿管,高级管理员">
                <li  class="layui-nav-item"><a target="myFrameName" href="/leave/leavesRecord" onclick="chang()">请假记录</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="学生">
                <li class="layui-nav-item"><a target="myFrameName" href="/ex_dor/showEx" onclick="chang()">换寝申请</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="辅导员,学生,宿管,高级管理员">
                <li class="layui-nav-item"><a target="myFrameName" href="/ex_dor/showEx_dors" onclick="chang()">换寝申请记录</a></li>
                </shiro:hasAnyPermissions>
                <shiro:hasAnyPermissions name="高级管理员">
                    <li class="layui-nav-item"><a target="myFrameName" href="/login/register" onclick="chang()">添加用户</a></li>
                </shiro:hasAnyPermissions>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 1%;" id="div1">

            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-md7">
                    <!-- <div class="grid-demo grid-demo-bg1">移动：12/12、桌面：8/12</div>-->
                    <div class="layui-carousel" id="test10">
                        <div carousel-item="">
                            <div><img th:src="@{/images/bishe4.jpg}" style="height: 100%;width: 100%"></div>
                            <div><img th:src="@{/images/bishe1.jpg}" style="height: 100%;width: 100%"></div>
                            <div><img th:src="@{/images/bishe2.jpg}" style="height: 100%;width: 100%"></div>
                            <div><img th:src="@{/images/bishe3.jpg}" style="height: 100%;width: 100%"></div>
                            <div><img th:src="@{/images/bishe5.jpg}" style="height: 100%;width: 100%"></div>
                        </div>
                    </div>


                    <!-- <div class="grid-demo grid-demo-bg2">移动：6/12、桌面：12/12</div>-->
                    <div style="margin-top: 1%;text-align: justify" >
                        <span style="background-color: #40AFFE;color: white"> &nbsp;&nbsp;为了加强学生宿舍的管理,建立文明秩序、培养良好的校风、特制定以下规定:&nbsp;&nbsp;</span>
                        <br><span>1、学生必须严格遵守住宿规定,接照标准住宿.任何人不得私自占房、调房,学生毕业和出国
半年以上者必须在毕业或出国时办理离宿手续.<br>
2、学生宿舍一律不准留宿异性人员和私自留宿非本校人员.<br>
3、严守作息制度,按时熄灯就寝.熄灯后要保持安静,不得大声喧哗、弹拉乐器、放音响和.<br>
进行其它有碍他人休息的活动.本科生宿舍晚10:45熄灯、硕士研究生宿舍晚12:00熄灯(博士生
和硕士生同住的宿舍,按博士生规定执行) .熄灯后未离开学生宿舍的来访者均以留宿论处. <br>
4、加强学生宿舍门卫工作,女姓宿舍24小时禁止异性访问,男生宿舍实行异性访客(包括校
内外人员)押证制度,熄灯前半小时应停止访客.<br>
5、保持室内整齐清洁,室内垃圾随时清扫并倒人垃圾道或垃圾筐,不准将垃圾堆放在门前或
通道里.<br>
6、房间门窗和室内的墙壁要整洁.装饰美化要健康、文明、高雅,不准乱写、乱画、乱张贴
不健康的字画.<br>
7、保持楼内整洁,剩饭必须倒在指定地点.不准随地吐痰,禁止在墙壁上打球印、踩脚印、按
手印和乱写乱画.<br>
8、保持良好的生活秩序,严禁酗酒.楼内禁止进行任何球类活动及滑旱冰、放鞭炮、摔瓶子
等影响宿舍正常秩序的活动.<br>
9、楼房和食堂周围10米之内不准打排球、踢足球、打网球等妨碍正常秩序的活动.<br>
10、严禁在楼内和楼上平台组织舞会.<br>
11、学生宿舍区范围内不准搞任何形式的赌博禁止打麻将及有伤风化的活动.<br>
12、禁止在楼内喂养家禽家畜.<br>
13、严禁将小商贩引入楼内叫买倒卖物品、禁止学生倒买倒卖、搞各种形式的非法经商活
动学生宿舍不能做为彩扩等经商活动的场所.<br>
14、爱护公物.不准用脚踢门或用物砸门、砸玻璃、撬门、撬锁.不准拆卸他人自行车和公
共家具.<br>
15、节约用水用电.随手关灯,人走灯灭,禁止私拉灯线,不准用电炉、电热杯、热得快、电饭
堡、饮水机等电热设备.用水后要关好水龙头,不准用长流水冲洗衣物、水果等.<br>
16、注意安全.防火、防盗,不准在楼内焚烧杂物和存放易燃易爆物品及明令禁止的任何凶器,
离开宿舍要随手锁好门.<br>
17、保持楼道畅通,不得将自行车推放在楼道内.<br>
18、保护绿化环境,爱护花草树木,不准随意践踏草坪.<br>
19、广告、海报、通知、寻物启事等贴在指定地点,不准随意张贴在楼道和其它建筑物以及
各种设施上.<br>
20、所有住宿人员必须严格服从管理,尊重管理人员和服务人员的劳动,支持、协助工作人员
搞好楼内和室内以及校园环境的管理.<br>
原有学生宿舍的管理规定与本规定不符的以本规定为准,此规定所有学生必须自觉遵守和严
格执行.如有违反一律按学校有关规定严肃处理.<br>
学生社区服务中心<br>
学生宿舍管理部<br>

     </span>
                    </div>

                    <!--<div style="margin-top: 1%;text-align: justify">
                        <span style="background-color: #40AFFE;color: white"> &nbsp;&nbsp;重庆三峡学院简介&nbsp;&nbsp;</span>
                        <span >重庆三峡学院（Chongqing Three Gorges University）坐落于重庆市万州区，由重庆市人民政府举办，以文、工为主的全日制普通本科院校，入选首批“卓越农林人才教育培养计划”、教育部数据中国“百校工程”、“重庆市2011协同创新中心”，全国高校校园网站联盟理事单位，“一带一路”标准化教育与研究大学联盟成员，是山东大学对口支援高校。
             重庆三峡学院创建于1956年，其前身为四川省万县初中师资训练班，先后更名为万县大学、万县专科学校、万县师范专科学校。1994年，万县师范专科学校与万县教育学院合并成立四川三峡学院，并升格为本科院校。2000年，学校更名为重庆三峡学院。2003年，重庆三峡经济学校并入。2013年，学校被批准为硕士学位授予单位。
     </span>
                    </div>-->

                </div>
                <div class="layui-col-xs6 layui-col-md5" >
                    <!--<div class="grid-demo">移动：6/12、桌面：4/12</div>-->
                    <div class="layui-collapse" lay-filter="test"
                         style="width: 96%; height: 100%; float: right; border-color: #40AFFE; background-color: #F2F2F2">
                        <div class="layui-colla-item" style="background-color: #F2F2F2;height: 42px
" >
                            <h2 style="text-align: center;color: #40AFFE;top: 50%">公告公示
                                    </h2>
                        </div>
                        <div class="layui-colla-item" th:each="notice:${notices}">
                            <h2 class="layui-colla-title"><span th:text="${notice.title}"></span><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #9F9F9F; " th:text="${notice.date}" ></span><i
                                    class="layui-icon layui-colla-icon"></i></h2>
                            <div class="layui-colla-content" style="background-color: white">
                                <p th:text="${notice.text}">
                                </p><br>
                                <p th:text="${notice.issuer}" style="text-align: right"></p>
                            </div>
                        </div>
                        <div class="layui-colla-item" style="height: 52px;background-color: #F2F2F2">
                            <h2 class="layui-colla-title"><a target="myFrameName" href="/notice/goNotice" onclick="chang()"><strong style="color: #40AFFE">更多</strong></a></h2>
                        </div>
                    </div>
                </div>

            </div>


        </div>


        <div style="padding: 1%; height: 100%; display: none" id="div2"  >
            <iframe id="myFrameId" name="myFrameName" width="100%"
                    height="100%" style="border: medium none"></iframe>
        </div>

    </div>

    <div class="layui-footer" style="background-color: #999999 ; text-align: center">
        <span>版权所有：重庆三峡学院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>咨询热线：19102625718&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <a target="_blank" href="http://beian.miit.gov.cn/"
           style="display:inline-block;text-decoration:none;height:20px;line-height:20px;color:#303d5d;"><img
                th:src="@{/images/sanxiau2.png}" style="vertical-align: middle;position: relative;margin-top: -3px;"/>黔ICP备2020008732号</a>
    </div>
</div>
<script th:src="@{/js/layui.js}" charset="utf-8"></script>
<!--轮播图-->
<script>
    layui.use(['carousel', 'form'], function () {
        var carousel = layui.carousel
            , form = layui.form;

        //常规轮播
        carousel.render({
            elem: '#test1'
            , arrow: 'always'
        });

        //改变下时间间隔、动画类型、高度
        carousel.render({
            elem: '#test2'
            , interval: 1800
            , anim: 'fade'
            , height: '120px'
        });

        //设定各种参数
        var ins3 = carousel.render({
            elem: '#test3'
        });
        //图片轮播
        carousel.render({
            elem: '#test10'
            , width: '100%'
            , height: '440px'
            , interval: 4000
        });

        //事件
        carousel.on('change(test4)', function (res) {
            console.log(res)
        });

        var $ = layui.$, active = {
            set: function (othis) {
                var THIS = 'layui-bg-normal'
                    , key = othis.data('key')
                    , options = {};

                othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                options[key] = othis.data('value');
                ins3.reload(options);
            }
        };


        //自动轮播
        ins3.reload({
            autoplay: this.checked
        });

        $('.demoSet').on('keyup', function () {
            var value = this.value
                , options = {};
            if (!/^\d+$/.test(value)) return;

            options[this.name] = value;
            ins3.reload(options);
        });

        //其它示例
        $('.demoTest .layui-btn').on('click', function () {
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });
    });
</script>
<script th:inline="javascript">

    //没有新消息
    $(document).ready(function () {
        var news = [[${news}]];
        var id = news.id ;

        if (id==1){
            $("#news1").hide();
        }
    });

    //JavaScript代码区域
    layui.use('element', function () {
        var element = layui.element;

    });

    //显示与隐藏
    function chang() {
        //显示要操作的内容
        $("#div2").show();
        $("#div1").hide();
    }

    //显示与隐藏
    function chang1() {
        //显示要操作的内容
        $("#div2").hide();
        $("#div1").show();
    }
    function quit() {
        var name = $("#name").text();
        var id = $("#uid").text();
        console.log(name);
        console.log(id);
        $.ajax({
            url: "/login/quit",
            type: "POST",
            dataType: "json",
            data: {"name":name,"id":id},
            success: function (data) {
                console.log(data);
                alert(data.message);
                if ("退出成功" == data.message){
                    window.location.href = "../login/Login";
                }
            },
            error: function () {
                alert("服务器出错!");
            },
        });
    }
</script>

</body>
</html>
